<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<title>禅疗堂官网</title>

<!-- Bootstrap core CSS -->
<link href="../../css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="../../css/normalize.css">
<link rel="stylesheet" href="../../css/component.css">
<link rel="stylesheet" href="../../css/custom-styles.css">
<link rel="stylesheet" href="../../css/font-awesome.css">
<link rel="stylesheet" href="../../css/topMenu.css">
<link rel="stylesheet" href="../../css/message_stl.css">
 
 <link rel="stylesheet" href="../../css/demo.css">
<link rel="stylesheet" href="../../css/font-awesome-ie7.css">
<style>
.prod_menu_stl li{width: 150px;
height: 50px;
background: red;
text-align: center;
vertical-align: middle;
color: wheat;
cursor: pointer; 
margin-top:2px;line-height: 50px;}
.prod_menu_stl li a{display: inline-block;width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}
.left_menu_stl{float:left;width:10%;}
.right_con_stl{float:right;width:85%;}
.body_stl{width:100%;min-height: 500px;}
#foodId{clear: both;}
</style>
  <script src="../../js/html5shiv.js"></script>
  <script src="../../js/respond.min.js"></script>
  <script>
</script>

</head>

<body>
<div class="header-wrapper">
  <div class="top_logo_sty"><img style="width:130px;margin-left:50px;" src="../../img/logo.png"/></div>
  <div class="site-name">
	<h1>禅疗堂健康咨询管理有限公司</h1>
	<h2>禅疗 禅美 禅修</h2>
  </div>
</div>
<div class="menu" id="menuId"></div>
<div class="suspension">
	<div class="suspension-box">
		<a href="#" class="a a-service "><i class="i"></i></a>
		<a href="javascript:;" class="a a-service-phone "><i class="i"></i></a>
		<a href="javascript:;" class="a a-qrcode"><i class="i"></i></a>		
		<a href="javascript:;" class="a a-top"><i class="i"></i></a>
		<div class="d d-service">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<a href="http://wpa.qq.com/msgrd?v=3&uin=1284761203&site=qq&menu=yes" class="clearfix"><span class="circle"><i class="i-qq"></i></span><h3>咨询在线客服</h3></a>
				</div>
			</div>
		</div>
		<div class="d d-service-phone">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="d-service-item clearfix">
					<span class="circle"><i class="i-tel"></i></span>
					<div class="text">
						<p>服务热线</p>
						<p class="red number">18339241313</p>
					</div>
				</div>
				<div class="d-service-intro clearfix">
					<!-- <p><i></i>功能和特性</p>
					<p><i></i>价格和优惠</p>
					<p><i></i>获取内部资料</p> -->
				</div>
			</div>
		</div>
		<div class="d d-qrcode">
			<i class="arrow"></i>
			<div class="inner-box">
				<div class="qrcode-img"><img src="../../img/cltweixin.png" alt=""></div>
				<p>微信服务号</p>
			</div>
		</div>

	</div>
</div>
<div class="body_stl">
	<div class="menu_rtn_stl"><a href="../../index.html" class="rtn_a">首页</a> > <a href="###" class="rtn_a">企业信息</a> ><a href="productPage.html" class="rtn_a">产品介绍</a></div>
	<div class="body_stl">
		<div class="left_menu_stl">
			<ul id="" class="prod_menu_stl">
				<li><a href="###" class="menu_a" onclick="checkprod('1001');">禅疗</a></li>
				<li><a href="###" class="menu_a" onclick="checkprod('1002');">禅美</a></li>
				<li><a href="###" class="menu_a" onclick="checkprod('1003');">禅修</a></li>
			</ul>
		</div>
	 	<div class="product-content right_con_stl">
		 	<ul id="productList">
			</ul>
		</div>
	</div>
</div> 
<div class="" id="foodId"></div>

  


<script src="../../js/jquery-1.9.1.js"></script>
<script src="../../js/bootstrap.js"></script>
<script src="../../js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="../../js/lib.min.js"></script>
<script src="../../js/requirejsConfigObj.js"></script>
<script src="../../js/requirejs/2.1.17.js"></script>
<script src="../../js/common.min.js"></script>
<script src="../../js/self_fun.js"></script>
<script>
	var objList;
	$(function(){ 
		var proTypeCd = getUrlParam("productTypeCd");
		getProductList();
		if(isDataNull(proTypeCd)){
			checkprod('1001');
		}else{
			checkprod(proTypeCd);
		}
	});
	//董事长信息读入
	function getProductList(){
		var param = {}; 
		$("#productList").html('');
		Util.ajax.postJsonSync('/homeProductList', param, function(json,status){
            var obj = json.beans;
            if(status){
            	objList = json.beans;
            }else{
                Util.dialog.tips("查询失败,请重试");
            }
   	 	});
	}
	function checkprod(val){
		if(val == '1001'){
			var html = "";
			$.each(objList,function(i,n){
				if(n.productTypeCd == "1001"){
					var strDesc = "产品简介："+ n.productDesc;
					var filePic = n.picHeadFile;
					if(isDataNull(filePic)){
						filePic = "../../img/topimg2.jpg";
					}
					html += '<li onclick="checkDtlInfo(\''+n.productId+'\');"><div class="li-img-stl"><img src="'+filePic+'"/></div>'+
						'<div class="li-text-div-stl"><p class="li-nm-stl">'+n.productNm+'</p><p title="'+n.productDesc+'" class="li-desc-stl">'+strDesc+'</p></div></li>';
				}
			}); 
			$("#productList").html(html);
		} else if(val == '1002'){
			var html = "";
			$.each(objList,function(i,n){
				if(n.productTypeCd == "1002"){
					var strDesc = "产品简介："+ n.productDesc;
					var filePic = n.picHeadFile;
					if(isDataNull(filePic)){
						filePic = "../../img/p01.jpg";
					}
					html += '<li onclick="checkDtlInfo(\''+n.productId+'\');"><div class="li-img-stl"><img src="'+filePic+'"/></div>'+
						'<div class="li-text-div-stl"><p class="li-nm-stl">'+n.productNm+'</p><p title="'+n.productDesc+'" class="li-desc-stl">'+strDesc+'</p></div></li>';
				}
			});
			$("#productList").html(html);
		} else if(val == '1003'){
			var html = "";
			$.each(objList,function(i,n){
				if(n.productTypeCd == "1003"){
					var strDesc = "产品简介："+ n.productDesc;
					var filePic = n.picHeadFile;
					if(isDataNull(filePic)){
						filePic = "../../img/p02.jpg";
					}
					html += '<li onclick="checkDtlInfo(\''+n.productId+'\');"><div class="li-img-stl"><img src="'+filePic+'"/></div>'+
						'<div class="li-text-div-stl"><p class="li-nm-stl">'+n.productNm+'</p><p title="'+n.productDesc+'" class="li-desc-stl">'+strDesc+'</p></div></li>';
				}
			});
			$("#productList").html(html);
		}
	}
	function checkDtlInfo(productId){
		window.location.href = "productDtlInfoPage.html?productId="+productId;
	}
	$(document).ready(function(){	
		$(document).on("mouseenter", ".suspension .a", function(){
			var _this = $(this);
			var s = $(".suspension");
			var isService = _this.hasClass("a-service");
			var isServicePhone = _this.hasClass("a-service-phone");
			var isQrcode = _this.hasClass("a-qrcode");
			if(isService){ s.find(".d-service").show().siblings(".d").hide();}
			if(isServicePhone){ s.find(".d-service-phone").show().siblings(".d").hide();}
			if(isQrcode){ s.find(".d-qrcode").show().siblings(".d").hide();}
		});
		$(document).on("mouseleave", ".suspension, .suspension .a-top", function(){
			$(".suspension").find(".d").hide();
		});
		$(document).on("mouseenter", ".suspension .a-top", function(){
			$(".suspension").find(".d").hide(); 
		});
		$(document).on("click", ".suspension .a-top", function(){
			$("html,body").animate({scrollTop: 0});
		});
		$(window).scroll(function(){
			var st = $(document).scrollTop();
			var $top = $(".suspension .a-top");
			if(st > 400){
				$top.css({display: 'block'});
			}else{
				if ($top.is(":visible")) {
					$top.hide();
				}
			}
		});	
	});	
</script>
</body>
</html>
